*{
    padding: 0;
    margin: 0;
}
a{
    text-decoration: none;
}
.cc_top_back{
    width: 100%;
     box-shadow: 0 0 5px rgba(228,230,233,1);
    .cc_top_main{
        width: 1200px;
        height: 100px;
        margin: 0 auto;
       
    //  border: 1px solid red;
        .cc_weather{
            width: 170px;
            padding-left: 10px;
            height: 50px;
            margin-top: 25px;
            float: left;
    //      border: 1px solid red;
            border-right: 1px solid #e5e5e5;
            h2{
                
                .sssd{
                    display: block;
                    width: 135px;
                    height: 30px;
                    background: url(../imgs/user/icon.png) no-repeat -106px -161px;
                    vertical-align: middle;
                }
            }
        }
        .cc_my_member{
            width: 295px;
            position: relative;
            padding-left: 100px;
            padding-top: 16px;
            height: 84px;
            float: left;
    //      border: 1px solid red;
            .mm_hpicon{
                position: absolute;
                width: 70px;
                top: 20px;
                left: 30px;
    //          border: 1px solid red;
                i{
                    display: block;
                    width: 60px;
                    height: 60px;
                    background: url(../imgs/user/icon.png) no-repeat 0 -455px;
                }
            }
            p{
                .mm_name{
                    font-size: 14px;
                    color: #60606c;
                    line-height: 23px;
                }
                .mm_jb{
                    display: inline-block;
                    font-size: 12px;
                    color: #93939e;
                    height: 16px;
                    width: 40px;
                    text-align: center;
                    line-height: 16px;
                    background-color: #fff;
                    border: 1px solid #e5e5e5;
                    border-radius: 2px;
                    cursor: pointer;
                }
            }
            .progressbar{
                position: relative;
                width: 265px;
                margin-top: 5px;
                height: 12px;
                line-height: 12px;
                background-color: #dee1e4;
                border-radius: 5px;
                overflow: hidden;
                .number{
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 265px;
                    height: 12px;
                    line-height: 12px;
                    text-align: center;
                    font-size: 12px;
                    color: #fff;
                    z-index: 2;
                }
            }
            .fs{
                color: #93939e;
                line-height: 30px;
                font-size: 12px;
                .pointer{
                    color: #ff8650;
                    cursor: pointer;
                }
                .cbl{
                    color: #6ab0ff;
                }
            }
        }
        .my_infor{
            width: 620px;
            height: 100px;
            float: left;
            .privateinvestor{
                list-style: none;
                height: 100px;
                border-left: 1px solid #e9ebee;
                li{
                    width: 205px;
                    height: 100px;
                    border-right: 1px solid #e9ebee;
                    float: left;
                    b{
                        font-size: 24px;
                        color: #fabe00;
                        height: 26px;
                        line-height: 26px;
                        padding-top: 27px;
                        font-weight: 400;
                        display: block;
                        text-align: center;
                    }
                    span{
                        font-size: 12px;
                        color: #60606c;
                        line-height: 22px;
                        position: relative;
                        display: block;
                        text-align: center;
                        .integral-sc{
                            position: absolute;
                            width: 180px;
                            top: 18px;
                            left: 50%;
                            height: 40px;
                            margin-left: -90px;
                            text-align: center;
                            z-index: 100;
                            img{
                                display: block;
                                margin: 0 auto;
                                position: relative;
                                z-index: 101;
                                margin-bottom: -1px;
                                line-height: 6px;
                            }
                            i{
                                display: inline-block;
                                cursor: pointer;
                                font-style: normal;
                                color: #ff8650;
                                padding: 5px 8px;
                                font-size: 12px;
                                height: 14px;
                                line-height: 14px;
                                background-color: #faf4e1;
                                border: 1px solid #fae5a2;
                                border-radius: 3px;
                                vertical-align: middle;
                                text-align: center;
                                a{
                                    color: #ff8650;
                                }
                            }
                        }
                    }
                }
            }
        }
    }  
}
.cc_main_back{
    width: 100%;
    height: 2032px;
    border: 1px solid #F2F3F5;
    background-color: #F2F3F5;
   .cc_user_main{
       width: 1200px;
       height: 1132px;
       margin: 0 auto;
       margin-top: 15px;
       //border: 1px solid red;
       .zc_myleft{
           width: 268px;
            background-color: #fff;
            box-shadow: 0 0 5px rgba(228,230,233,1);
            float: left;
            .meberlist{
                padding-bottom: 30px;
                dt{
                    padding-left: 14px;
                    border-bottom: 1px solid #e9ebee;
                    border-top: 1px solid #e9ebee;
                    margin-top: -1px;
                    display: block;
                    height: 42px;
                    line-height: 42px;
                    font-size: 14px;
                    color: #60606c;
                }
                dd{
                    position: relative;
                    a{
                        display: block;
                        padding-left: 17px;
                        height: 36px;
                        line-height: 37px;
                        font-size: 12px;
                        color: #93939e;
                    }
                }
                dd:hover{
                    a{
                        display: block;
                        padding-left: 17px;
                        height: 36px;
                        line-height: 37px;
                        font-size: 12px;
                        color: #fabe00;
                        background-color: #fff8e8;
                    }
                }
            }
       }
       .cc_myright{
            width: 922px;
            float: right;
            
            border: 1px solid red;
//            订单部分tab切换
            .orderlist_tab{
                    display: block;
                    .cc_orderlist_bd{
                    padding: 20px 30px;
                    position: relative;
                    background-color: #fff;
    //              border: 1px solid red;
                    
                    h2{
                        line-height: 40px;
                        font-size: 18px;
                        color: #60606c;
                        font-weight: 400;
                    }
                    .cc_for_search{
                        position: absolute;
                        top: 20px;
                        right: 20px;
                        width: 480px;
                        height: 30px;
    //                  border: 1px solid red;
                        .time_start{
                            width: 175px;
                            height: 30px;
                            float: left;
                            border: 1px solid #E9EBEE;
                            input{
                                width: 175px;
                                height: 30px;
                                border: none;
                            }
                        }
                        span{
                            float: left;
                            margin-left: 10px;
                            margin-right: 10px;
                        }
                        .time_end{
                            width: 175px;
                            height: 30px;
                            float: left;
                            border: 1px solid #E9EBEE;
                            input{
                                width: 175px;
                                height: 30px;
                                border: none;
                            }
                        }
                        .searching{
                            width: 80px;
                            height: 30px;
                            line-height: 30px;
                            color: #93939e;
                            float: right;
                            border: 1px solid #E9EBEE;
                            input{
                                width:80px;
                                height: 20px;
                                background-color: #FAFBFD;
                                border: none;
                                cursor: pointer;
                            }
                        }
                    }
                    .subbox{
                        height: 36px;
                        margin-top: 10px;
                        a{
                            display: block;
                            position: relative;
                            height: 34px;
                            line-height: 34px;
                            border: 1px solid #e9ebee;
                            float: left;
                            margin-right: -1px;
                            background-color: #f8f8fa;
                            min-width: 90px;
                            text-align: center;
                            text-decoration: none;
                            font-size: 14px;
                            color: #93939e;
                            cursor: pointer;
                        }
                        a:hover{
                            text-decoration: none;
                            color: #fff;
                            background-color: #fabe00;
                            border: 1px solid #fabe00;
                        }
                        .cura{
                            text-decoration: none;
                            color: #fff;
                            background-color: #fabe00;
                            border: 1px solid #fabe00;
                        }
                    }
                }
                
                //          订单详情开始
                .zc_myorder_info{
                    padding-top: 14px;
                    padding-bottom: 50px;
                    background-color: #FFFFFF;
                    .zc_table_order{
                        width: 862px;
    //                  border: 1px solid red;
                        margin: 0 auto;
                        border-collapse: collapse;
                        thead{
                            tr{
                                th{
                                    height: 30px;
                                    line-height: 30px;
                                    background-color: #f8f8fa;
                                    font-size: 12px;
                                    color: #93939e;
                                    font-weight: 400;
                                }
                            }
                        }
                        tbody{
                            tr{
                                td{
                                    padding-top: 29px;
                                    padding-bottom: 29px;
                                    border-bottom: 1px solid #e9ebee;
                                    img{
                                        border: 0;
                                        vertical-align: middle;
                                    }
                                    .ol-aggregate {
                                        border-right: 1px dotted #e9ebee;
                                        min-height: 100px;
                                        line-height: 100px;
                                        text-align: center;
                                        font-size: 14px;
                                        color: #60606c;
                                    }
                                    
                                   
                                }
                                .ol-carinfo{
    //                              border: 1px solid red; 
                                    padding-top: 29px;
                                    padding-bottom: 29px;
                                    border-bottom: 1px solid #e9ebee;
                                    b{
                                        font-size: 14px;
                                        color: #60606c;
                                        display: inline-block;
                                        padding-bottom: 10px;
                                    }
                                    p{
                                        font-size: 12px;
                                        color: #93939e;
                                    }
                                }
                                .ol-caraddress {
                                    border-left: 1px dotted #e9ebee;
                                    border-right: 1px dotted #e9ebee;
                                    min-height: 100px;
                                    padding: 0 20px;
                                    .qhicon {
                                        position: relative;
                                        font-size: 12px;
                                        color: #60606c;
                                        padding-left: 24px;
                                    }
                                    .qhtime {
                                        font-size: 12px;
                                        color: #93939e;
                                        padding-left: 24px;
                                        padding-bottom: 6px;
                                    }
                                    .ol-trace-bd:hover{
                                        .arrowd{
                                            display: none;
                                        }
                                        .trace-box{
                                            display: block;
                                        }
                                    }
                                    .ol-trace-bd {
                                        margin-left: 24px;
                                        //border: 1px solid red;
                                        position: relative;
                                        width: 75px;
                                        a{
                                            color: #6ab0ff;
                                            text-decoration: none;
                                            font: 12px/1.5 Helvetica,"Microsoft yahei",Arial,Verdana,SimHei,sans-serif;
                                        }
                                        i{
                                            display: block;
                                            width: 20px;
                                            height: 20px;
                                            background: url(../imgs/user/icon.png) no-repeat -313px -48px;
                                            position: absolute;
                                            top: 3px;
                                            left: 48px;
                                            
                                        }
                                        .trace-box{
                                            position: absolute;
                                            width: 860px;
                                            border: 1px solid #dadadf;
                                            top: 29px;
                                            left: -424px;
                                            background-color: #fff;
                                            border-radius: 3px;
                                            box-shadow: 0 0 20px rgba(0,0,0,.25);
                                            z-index: 50;
                                            display: none;
                                            //订单详情
                                            .p-re{
                                                position: relative;
                                                .arrowbox {
                                                    position: absolute;
                                                    width: 18px;
                                                    height: 25px;
                                                    color: #dadadf;
                                                    font-size: 20px;
                                                    font-family: SimSun;
                                                    left: 50%;
                                                    margin-left: 7px;
                                                    top: -15px;
                                                    .arrow {
                                                        position: absolute;
                                                        height: 25px;
                                                        color: #f8f8fa;
                                                        top: 1px;
                                                        left: 0;
                                                        font-size: 20px;
                                                        font-family: SimSun;
                                                    }
                                                }
                                                .zc_trace_table{
                                                    width: 860px;
                                                    border-collapse: collapse;
                                                     td {
    //                                                   border: 1px solid red;
                                                         padding-right: 15px;
                                                         padding-top: 20px;
                                                         padding-bottom: 20px;
                                                         border-bottom: 1px dotted #e9ebee;
                                                         color: #93939e;
                                                         font-size: 12px;
                                                         vertical-align: top;
                                                     }
                                                    .zc-overysool {
                                                        max-height: 267px;
                                                        overflow: hidden;
                                                        overflow-y: auto;
                                                        
                                                        
                                                    }
                                                }
                                                
                                                
                                                
                                                
                                            }
                                        }
                                        
                                        
                                    }
                                }
                                .ac{
                                    text-align: center;
                                    .s-green {
                                        color: #8cc152;
                                        font-size: 14px;
                                        display: block;
                                    }
                                    .a-view {
                                        font-size: 12px;
                                        color: #6ab0ff;
                                        line-height: 30px;
                                    }
                                }
                            }
                        }
                    }
                }
                //订单详情结束
                .orderstate_bd{
                    background-color: #fff;
                    margin-top: 10px;
                    
                    h3 {
                        height: 42px;
                        line-height: 42px;
                        padding-left: 20px;
                        border-bottom: 1px solid #e9ebee;
                        font-size: 14px;
                        color: #60606c;
                    }
                    ul{
                        padding: 20px 0 0 20px;
                        overflow: hidden;
                        list-style: none;
                        li{
                            float: left;
                            margin-right: 20px;
                            margin-bottom: 20px;
                            background-color: #f8f8fa;
                            width: 185px;
                            height: 70px;
                            padding: 10px 10px 0;
                            .s-green {
                                color: #8cc152;
                                font-size: 14px;
                                display: block;
                            }
                            .s-orange {
                                color: #ff8650;
                                font-size: 14px;
                                display: block;
                            }
                            .s-blue {
                                color: #00cee1;
                                font-size: 14px;
                                display: block;
                            }
                            .s-yellow {
                                color: #fabe00;
                                font-size: 14px;
                                display: block;
                            }
                            .s-gray {
                                color: #93939e;
                                font-size: 14px;
                                display: block;
                            }
                            p {
                                color: #93939e;
                                font-size: 12px;
                            }
                        }
                    }
                }
                .notice_bd{
                    background-color: #fff;
                    margin-top: 10px;
                    padding-bottom: 20px;
                    min-height: 150px;
                    h3 {
                        height: 42px;
                        line-height: 42px;
                        padding-left: 20px;
                        border-bottom: 1px solid #e9ebee;
                        font-size: 14px;
                        color: #60606c;
                        background-color: #fffcf5;
                        margin-bottom: 14px;
                    }
                    p {
                        color: #93939e;
                        font-size: 12px;
                        padding-left: 20px;
                        line-height: 24px;
                    }
                }
            
            }
            //订单tab切换结束
            
            //用户tab信息开始
            .user_info_tab{
                min-height: 550px;
                overflow: hidden;
                padding: 0 30px;
                position: relative;
                background-color: #fff;
                display: none;
                h2{
                    height: 80px;
                    line-height: 80px;
                    font-size: 18px;
                    color: #60606c;
                    font-weight: 400;
                }
                
                //信息内容
                .info_box{
                    ul{
                        border-top: 1px solid #e9ebee;
                        list-style: none;
                        .modify_no {
                            height: 180px;
                            display: list-item;
                            a {
                                display: block;
                                min-width: 80px;
                                height: 34px;
                                line-height: 34px;
                                background-color: #fffaea;
                                border: 1px solid #ffde74;
                                border-radius: 4px;
                                color: #fabe00;
                                text-align: center;
                                padding: 0 5px;
                                float: right;
                                margin-top: 13px;
                            }
                        }
                        li {
                            height: 59px;
                            border-bottom: 1px solid #e9ebee;
                            a{
                                color: #6ab0ff;
                                line-height: 59px;
                                font-size: 14px;
                            }
                            
                            label.fl {
                                line-height: 59px;
                                width: 200px;
                                padding-left: 15px;
                                font-size: 14px;
                                color: #60606c;
                                float: left;
                            }
                            
                            span.fl {
                                font-size: 14px;
                                color: #93939e;
                                line-height: 59px;
                                position: relative;
                                width: 320px;
                                z-index: 18;
                                float: left;
                                .zc-ipt{
                                    
                                    border-radius: 0;
                                    width: 298px;
                                    padding: 9px 10px;
                                    border-color: #e9ebee;
                                    border-style: solid;
                                    border-width: 1px;
                                    height: 18px;
                                    font: 14px/18px "Microsoft YaHei",SimSun,Tahoma,Verdana,Arial,sans-serif;
                                    outline: 0;
                                    color: #93939e;
                                    vertical-align: middle;
                                    background-color: #fff;

                                }
                            }
                            div.fr {
                                line-height: 59px;
                                padding-right: 15px;
                                color: #c6c6ce;
                                font-size: 14px;
                                float: right;
                            }
                            .fr.green {
                                color: #8cc152;
                            }
                        }
                    }
                    .graybutbox{
                        padding: 20px 20px 20px 215px;
                        background-color: #f8f8fa;
                        margin-top: 10px;
                        .zc_orange_bigsub{
                            display: block;
                            width: 150px;
                            text-decoration: none;
                            padding: 0 10px;
                            text-align: center;
                            font-size: 16px;
                            color: #fff;
                            border-radius: 2px;
                            height: 42px;
                            line-height: 42px;
                            background-color: #f3b900;
                            cursor: pointer;
                            border: 0;
                            font-family: "微软雅黑",arial,Simsun,sans-serif;
                        }
                    }
                    
                }
                //信息内容结束
            }
            //用户信息tab切换结束
            
//          更改用户密码tab开始
            .change_pwd_tab{
                width: 920px;
                min-height: 724px;
                display: none;
                .zc_ipttitle_bd{
                    width: 860px;
                    min-height: 603px;
                    padding: 0 30px;
                    position: relative;
                    background-color: #fff;
                    h2 {
                        height: 80px;
                        line-height: 80px;
                        font-size: 18px;
                        color: #60606c;
                        font-weight: 400;
                    }
                    ul{
                        border-top: 1px solid #e9ebee;
                        list-style: none;
                        li{
                            height: 59px;
                            border-bottom: 1px solid #e9ebee;
                            #pwdLevelDiv{
                                margin-left: 20px;
                                margin-top: 18px;
                                float: left;
                               
                                span {
                                    float: left;
                                    width: 54px;
                                    height: 20px;
                                    line-height: 20px;
                                    background-color: #f2f3f5;
                                    text-align: center;
                                    font-size: 12px;
                                    color: #93939e;
                                    border: 1px solid #e9ebee;
                                    border-right: 0;
                                }
                            }
                            
                            label.fl {
                                line-height: 59px;
                                width: 200px;
                                padding-left: 15px;
                                font-size: 14px;
                                color: #60606c;
                                float: left;
                            }
                            span.fl {
                                line-height: 59px;
                                position: relative;
                                width: 320px;
                                z-index: 18;
                                float: left;
                                input.ipt-passwordS{
                                    border-radius: 0;
                                    width: 298px;
                                    padding: 9px 10px;
                                    border-color: #e9ebee;
                                    border-style: solid;
                                    border-width: 1px;
                                    height: 18px;
                                    font: 14px/18px "Microsoft YaHei",SimSun,Tahoma,Verdana,Arial,sans-serif;
                                    outline: 0;
                                    color: #93939e;
                                    vertical-align: middle;
                                    background-color: #fff;
                                }
                            }
                            div.fr {
                                line-height: 59px;
                                padding-right: 15px;
                                color: #c6c6ce;
                                font-size: 14px;
                                float: right;
                                
                            }
                            
                            .zc-secret {
                                position: absolute;
                                top: 19px;
                                right: 10px;
                                display: none;
                            }
                        }
                    }
                    
                    .graybutbox{
                         padding: 20px 20px 20px 215px;
                        background-color: #f8f8fa;
                        margin-top: 10px;
                        .zc_orange_bigsub{
                            display: block;
                            width: 150px;
                            text-decoration: none;
                            padding: 0 10px;
                            text-align: center;
                            font-size: 16px;
                            color: #fff;
                            border-radius: 2px;
                            height: 42px;
                            line-height: 42px;
                            background-color: #f3b900;
                            cursor: pointer;
                            border: 0;
                            font-family: "微软雅黑",arial,Simsun,sans-serif;
                        }
                    
                    }
                    
                }
            }
//            更改用户密码tab结束
            
       }
       
       
       
       
       
   }
}
